<!--
    固定操作栏
    用于放置action操作
-->
<template>
  <table class="table table-tool">
    <thead>
      <tr>
        <th>操作</th>
      </tr>
    </thead>
  <tbody>
    <tr v-for="(row,index) in data" :key="index" 
        :class="{'hover':rows[index] && rows[index].hover}" 
        @mouseenter="trHover({index,value:true})"
        @mouseleave="trHover({index,value:false})" 
        :style="trStyle(index)">
      <td></td> 
    </tr>
  </tbody>
  </table>
</template>

<script>
import TableParticle from "./tableParticle";

export default {
  extends: TableParticle,
  subModuleStore: true,
  methods: {
    trStyle(index) {
      var style = {};
      if (this.$parent.trHeight[index]) {
        style.height = this.$parent.trHeight[index] + "px";
      }
      return style;
    }
  }
};
</script>

<style>

</style>
